<style type="text/css">
	.bar {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 10;
	height: 2.2rem;
	padding-right: .5rem;
	padding-left: .5rem;
	background-color: #f7f7f8;
	border-bottom: 1px solid #e7e7e7;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bar-nav {
	top: 0;
}

.title {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 -.5rem;
	font-size: .85rem;
	font-weight: 500;
	line-height: 2.2rem;
	color: #3d4145;
	text-align: center;
	white-space: nowrap;
	z-index: 1;
}
</style>
<header class="bar bar-nav">
	<a onclick="goHistory()" class="fa fa-chevron-left" style="font-size: 24px; color: #2196F3; cursor: pointer; position: absolute; z-index: 10; line-height: 2.2rem;"></a>
	<h1 class="title header-title">${title}</h1>
	<a class="fa fa-cog" style="font-size: 24px; color: #2196F3; cursor: pointer; z-index: 10; line-height: 2.2rem; position: absolute; left: auto; right: .5rem;"></a>
</header>
<div style="height: 2.2rem;"></div>
<script type="text/javascript">
	
	function setTitle(title){
		$(".title.header-title").val(title);
	}
	
	function goHistory(){
		
		if(!$.isNull(window.goback)){
			goback();
			return;
		}
		
		
		var backPoint=$(".goback").attr("data-back-point");
		var docGobackConfig={
			personCenter:$.getVirtualPath()+"/wechat/cust/personCenter/index"
		}
		
		if(!$.isNull(backPoint)&&!$.isNull(docGobackConfig[backPoint])){
			window.location.href=docGobackConfig[backPoint];
			return;
		}
		var href=$(".goback").attr("data-back-href");
		if($.isNull(href)){
			href=$.getVirtualPath()+'/wechat/home/index';
		}
		window.location.href=href;
		
	}
	
	
</script>